<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // var i = 1;
        // while(i<=5){
        //     document.write(i+'<br>');
        //     i++;
        // }

        // document.write('<hr>');

        // var i = 1;
        // while(i<=5){
        //     document.write('*'+'<br>');
        //     i++;
        // }


       
        // var i = 1;
        // while(i<=5){
        //     var j = 1;
        //     while(j<=5){
        //         document.write('*'+' ');
        //         j++;
        //     }
        //     document.write(''+'<br />')
        //     i++;
        // }

        // 外边的循环控制行  仅仅用来把行撑开 


        // 内边的循环控制列

        // for(var i=1;i<=5;i++){
        //     for(var j=1;j<=5;j++){
        //         document.write('*'+' ');
        //     }
        //     document.write(''+'<br>');
        // }

        // for(var i=1;i<=5;i++){
        //     for(var j=1;j<=i;j++){
        //         document.write('*'+' ');
        //     }
        //     document.write(''+'<br />');
        // }

        // while 实现直角三角形 
        // var i= 1;
        // while(i<=5){
        //     var j = 1;
        //     while(j<=i){
        //         document.write('*'+' ');
        //         j++;
        //     }
        //     document.write(''+'<br />');
        //     i++;
        // }

        // for  while 实现九九乘法口诀表  
        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                document.write(i+'*'+j+'='+i*j+' ');
            }
            document.write(''+'<br />');
        }

        document.write('<hr>');

        var i= 1;
        while(i<=9){
            var j = 1;
            while(j<=i){
                document.write(i+'*'+j+'='+i*j+' ');
                j++;
            }
            document.write(''+'<br />');
            i++;
        }
        // 正直角 
        document.write('<hr>');
        for(var i=9;i>=1;i--){
            for(var j=1;j<=i;j++){
                document.write(i+'*'+j+'='+i*j+' ');
            }
            document.write(''+'<br />');
        }
        // 倒直角3 
        document.write('<hr>'); 
        var i= 9;
        while(i>=1){
            var j = 1;
            while(j<=i){
                document.write(i+'*'+j+'='+i*j+' ');
                j++;
            }
            document.write(''+'<br />');
            i--;
        }

        
    </script>
</body>
</html>